/******************最顶部fixBar*********************************************/

#fixBar {
     width: 100%;
     height: 40px;
     min-width: 1200px;
     background: #F6F6F6;
     color: #575757;
     .menu-hd {
        height: 40px;
        line-height: 40px;
        .arrowt {
            display: block;
            width: 10px;
            height: 10px;
            float: left;
            background: url(../../images/arrow.png) left center no-repeat;
            margin: 16px 0 0 4px;
        }
        a {
            float: left;
            height: 40px;
            line-height: 40px;
            color: #575757;
            span {
                float: left;
                &.iconfont {
                    width: 16px;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 10px;
                    margin-top: 1px;
                }

            }
        }
    }
     
     
}
#fixBarBox {
     position: relative;
     background: #F6F6F6;
     font-size: 14px;
}
.fixBarLogin {
    float: left;
    margin: 0;
}
.fixBarLogin li{
    float: left;
    margin: 0 17px 0 0;
}
.fixBarLogin li div{
    height: 40px;
    line-height: 40px;
}
.fixBarLogin li a {
    color: #575757;
}
.fixBarLogin .fixBarReg {
    margin-right: 23px;
}
.fixBarRSite {
    float: right;
    margin: 0 132px 0 0;
    li {
        float: left;
        border-right: 1px solid #f6f6f6;
        border-left: 1px solid #f6f6f6;
        padding: 0 12px;
        position: relative;
        cursor: pointer;
        .menu-bd {position: absolute;z-index: 500;background: white;}
        &.selected {border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
        &.menuUser {
            &.selected {
                .menu-bd {display: block;}
            }
            .menu-bd {
                width: 355px;padding: 0 6px;display:none;border: 1px solid #e5e5e5;left: -1px;font-size: 12px;
                .menuUserWrap {padding: 17px 0;margin: 0 24px;
                    .iconInfo {
                        padding: 3px 25px 0 0;
                        border-right: 1px solid #E5E5E5;
                        p {margin: 8px 0 0 0;text-align: center;
                            a{
                                &.mjgrey {color: gray; }
                                &.mjBlue {color:#6EB1FF;}
                                &.serGreen {color:#82D527;}
                            }
                            
                        }
                    }
                }
                .divider {height: 1px;border-bottom: 1px dashed #F3F3F3;margin: 0;}
                .shopItems {
                    width: 230px;
                    li {
                        border: none;
                        margin: 4px 0 10px 30px;
                        padding: 0;
                        a{
                            color: #aaa;
                        }
                    }
                    
                }
                .menuSubIcon {
                    width: 48px;
                    height: 24px;
                    background-repeat: no-repeat;
                    background-position: center top;
                }
                .iconUserShopper { background-image: url(../../images/menuUserIcon02.png);}
                .iconUserSeller {background-image: url(../../images/menuUserIcon02.png);}
                .iconUserSys {background-image: url(../../images/menuUserIcon02.png);}
            }}
        &.menuShopCar {
            margin-right: 16px;
            &.selected {
                .menu-bd {display: block;}
            }
            .menu-bd {width:520px;position: absolute;right: -1px;top: 40px; border: 1px solid #E5E5E5;display: none;
                h3 {padding: 0 30px;margin-bottom: 0;}
                .recBuyList {
                    padding: 10px 30px 20px;
                    li {
                        width: 466px;
                        border: 0;
                        padding: 10px 0;
                        font-size: 12px;
                        .recBuyItemimg {
                            img {
                                width: 40px;
                                height: 40px;
                            }
                        }
                        .recBuyItemInfo {
                            padding: 0 0 0 10px;

                            h4 {
                                margin: 0;
                                a {width: 170px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:;color: #858585;padding: 2px 0 4px 0;}
                            }
                            p {margin: 0; color: #AFB0B3;}
                        }
                        .recBuyItemTotal {
                            p {width: 210px;text-align: center;margin: 0;color: #ED2A0B;height: 43px;line-height: 43px;}
                        }
                        .removeRecItem {

                            height: 43px;line-height: 43px;
                            a {
                                color: #AFB0B3;
                            }
                            
                        }
                    }
                }
                .allView {
                    height: 53px;line-height: 53px;border-top: 1px solid #E5E5E5;background-color: #F6F6F6;padding: 0 0 0 30px;
                    p {
                        margin: 0;
                    }
                    .itemKindCounts {margin-right: 25px;}
                    .itemCounts {}
                    .viewShopcar {
                        height: 53px;
                        button {
                            width: 242px;
                            height: 53px;
                            border: 0;
                            background: #ED2A0B;
                            outline: none;
                            color: white;
                            font-size: 16px;
                            cursor: pointer;
                        }
                    }
                }
            }
        }
        &.full {
            .iconfont, .totalItemCounts,.itemKindCounts span,.itemCounts span {
                color: red;
            }
        }
        &.carMRig {
            //margin: 0 14px 0 0;
        }
        
    }
}
.fixBarRequire {
    width: 132px;
    height: 191px;
    position: absolute;
    top: 0px;
    right: 0;
    
}
.fixBarRequireTop {
    width: 132px;
    height: 84px;
    background: -webkit-linear-gradient(top, #FF0D0D, #FF5C49);
    background: -moz-linear-gradient(top, #FF0D0D, #FF5C49);
    background: -ms-linear-gradient(top, #FF0D0D, #FF5C49);
    background: linear-gradient(top, #FF0D0D, #FF5C49);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #FF0D0D, endColorstr = #FF5C49); 
    text-align: right;
    color: #fff;
}
.fixBarRequireTop dl {
    padding: 10px 15px 0 0;
    margin: 0;
}
.fixBarRequireTop dl dt {
    width: 110px;
    height: 26px;
    line-height: 26px;
    border-radius: 16px;
    text-align: center;
    font-size: 12px;
    margin: 0 11px;
    background: #5BA7FF;
    a {
        color: #FFF;;
    }
}
.fixBarRequireTop dl dd span {
    font-weight: bolder;
    font-size: 14px;
    display: block;
    letter-spacing: 1.5px;
}
.fixBarRequireTop dl dd p {
    margin: 0px 0 3px;
    font-size: 12px;
    color: #FFF;
    padding-right: 5px;
}
.fixBarRequireBottom {
    text-align: center;
}
.fixBarRequireBottom strong {
    color: #ED2A0B;
    font-size: 33px;
}
.fixBarRequireBottom p {
    letter-spacing: 1em;
    font-size: 12px;
    text-align: right;
}
/**********************最顶部fixBar*****************************************/

/*Logo Search*/

.lsTopLogo {
    width: 407px;
}
#lsTopBox {
    padding: 50px 0 60px 0;
    //padding: e("0px 0 60px 0\9;");
}
.lsTopLogoWrap {
    width: 250px;

}
.lsTopLogo dl {
    float: left; 
    color: #A3A3A3; 
    font-weight: 500;
    line-height: 18px;
    margin-top: 7px;
}
.lsTopLogo dl dt {
    
}
.lsTopSearchBg {
    width: 510px;
    height: 40px;
    background: url(../../images/searchBox.png) no-repeat;
    position: relative;
}
.lsTopSearchItem {/*ul*/
    height: 20px;
    overflow: hidden;
    position: relative;
    margin: 9px 0 0 20px;
    padding: 0 16px 0 0;
}
.lsTopSearchItem li {/*小三角*/
    cursor: pointer;
    a{
        color: #9E9E9E;
    }
}
.triangle:after {
     width: 8px;
    height: 4px;
    content: ' ';
    display: block;
    background: url(../../images/smTriangle.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 0px;
}
.lsTopSearchInpWrap { 
    height: 24px;
    margin: 2px 11px;
    .search_drop {
        display: none;
        position: absolute;
        left: 0;
        top: 48px;
        width: 466px;
        border: 1px solid #ED2A0B;
        padding: 22px;
        background: white;
        z-index: 555;
        h3 {
            clear: both;
            font-size: 15px;
            &.recSear {margin: 2px 0 14px 0;}
            &.popSear {margin: 0 0 12px 0;}
        }
        ul {
            &.reclist {padding: 0 0 30px 0;
                li {
                    margin-right: 30px;
                }
            }

            &.poplist {
                li {
                    a {
                        display: block;
                        height: 24px;
                        line-height: 24px;
                        padding: 0 20px 0;
                        border: 1px solid #e5e5e5;
                        border-radius: 24px;
                    }
                    
                }
            }
            li {
                float: left;
                margin: 0 10px 0 0;
                a {
                    font-size: 12px;
                    color: #aaa;
                }
            }
        }
    }
}
.lsTopSearchInpWrap span {
    width: 16px;
    height: 16px;
    background: url(../../images/search02.png) no-repeat;
    float: left;
    margin: 10px 0 0  0;
}
.lsTopSearchInpWrap input {
    width: 275px;
    border: 0;
    font-size: 14px;
    float: left;
    padding: 7px 0 7px 10px;
}
/*.lsTopSearchInpWrap input.focus .search_drop{
    display: block;
}*/
.lsTopSearchBtn {
    button {
        width: 92px;
        height: 40px;
        line-height: 38px;
        border-radius: 0 20px 20px 0;
        background: #ED2A0B;
        border: 0;
        margin-left: -1px;
        cursor: pointer;
        font-size: 16px;
        color: #fff;
        outline: none;
    }
}
/********************Logo, Search******************************************/
/*NAV*/

#navBox {
    position: relative;
}
.navBoxfloat {
    position: relative;
    top: 0px;
    left: 0;
	height: 60px;
}
.navAllClass h2 {
    width: 230px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-indent: 25px;
    margin: 0;
    color: #fff;
    background: -webkit-linear-gradient(left, #FF350D, #C03DEE);
    background: -moz-linear-gradient(left, #FF350D, #C03DEE);
    background: -o-linear-gradient(left, #FF350D, #C03DEE);
    background: -ms-linear-gradient(left, #FF350D, #C03DEE);
    background: linear-gradient(left, #FF350D, #C03DEE);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #FF350D, endColorstr = #C03DEE); 
}
.navAllClass {
    ul {
        width: 230px;
        background: #180D22;
        margin: 0;
        position: absolute;
        z-index: 700;
        padding-top: 20px;
        li {
            padding: 10px 0;
            .tab-icon {
                float: left;
                width: 16px;
                height: 20px;
                background-position: left center;
                background-repeat: no-repeat;
                margin: 0 20px;

            }
            a {
                color: #fff;
                font-size: 15px;
            }
            &.active {
                background: #ED2A0B;
            }
        }
    }
    .icon01 {
         background: url(../../images/iconca.png);
    }
    .icon02 {
         background: url(../../images/iconca9.png);
    }
    .icon03 {
         background: url(../../images/iconca3.png);
    }
    .icon04 {
         background: url(../../images/iconca4.png);
    }
    .icon05 {
         background: url(../../images/iconca8.png);
    }
    .icon06 {
         background: url(../../images/iconca3.png);
    }
    .icon07 {
         background: url(../../images/iconca7.png);
    }
    .icon08 {
         background: url(../../images/iconca8.png);
    }
    .icon09 {
         background: url(../../images/iconca9.png);
    }
}
.asd {
    
    padding: 0 0 40px 0;
}

.nacClassIcon {
    width: 24px;
    height: 22px;
    display: inline-block;;
    background: url(../../images/icon01.png) left center no-repeat;
    vertical-align: text-bottom;
    margin: 0 13px 0 0;
}

.navMainList {
    position: relative;
    width: 965px;
    div {
        position: absolute;
        bottom: -4px;
        right: 0;
    }
    ul {
        height: 60px;
        line-height: 60px;
        margin: 0 0 0 95px;
        li {
            float: left;
            margin: 0 80px 0 0;
            a {
                font-size: 17px;
                font-weight: bold;
                color: lighten(#000, 35%);
                &.active {
                    color: #ED2A0B;
                } 
            }
        }
    }
}
.navBgMap {
    width: 100%;
    height: 420px; 
    position: relative;
    .ctrlBtnBox {
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 600;
        .ctrlBtn{
            width: 300px;
            height: 30px;
            margin: 0 auto;
            div{
                width: 20px;
                height: 20px;
                background: #f40;
                border-radius: 10px;
                border: 1px solid #d5d5d5;
                margin: 0 5px;
                float: left; 
                &.active {
                    background: #369;
                }
            }
                    
        } 
    }
     
}
.navBgMap ul.bannerUl {
    width: 100%;
    height: 420px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    li {
        width: 100%;
        position: absolute;
        background-color: #369;
        display: none;
        a {
            height: 420px;
            display: block;
            background-position: 50% 0;
            background-repeat: no-repeat;
            &.bannerImg1 {background-image: url(../../images/bannerImg1.png);}
            &.bannerImg2 {background-image: url(../../images/bannerImg2.png);}
            &.bannerImg3 {background-image: url(../../images/bannerImg3.png);}
        }
    }
}
/*NAV*/




















